<div class="mb-4 p-3 rounded bg-light">
    <div id="name-${cid}-${index}"  class="mb-3">
        <label class="form-label">图例名称</label>
        <input id="legendName-${cid}-${index}" type="text" class="form-control form-control-sm" value="${name}" />
    </div>
    <div id="type-${cid}-${index}" >
        <div class="mb-3">
            <label class="form-label">图表类型</label>
            <select id="chartType-${cid}-${index}" class="form-select form-select-sm">
                <option value="line">折线图</option>
                <option value="bar">柱状图</option>
            </select>
        </div>
        <div id="lineStyle-${cid}-${index}" class="mb-3 chart-sub-config" >
            <label class="form-label">折线样式</label>
            <select id="lineStyle-${cid}-${index}-select" class="form-select form-select-sm">
                <option value="straight">直线</option>
                <option value="smooth">曲线</option>
            </select>
        </div>
        <div id="barWidth-${cid}-${index}" class="mb-3 chart-sub-config" >
            <label class="form-label">柱状图宽度</label>
            <input id="barWidth-${cid}-${index}-input" type="range" class="form-range" min="5" max="100" value="20" />
        </div>
    </div>
</div>